<%@page import="clases.Unidad"%>
<%@ taglib uri="http://struts.apache.org/tags-bean" prefix="bean" %>
<%@ taglib uri="http://struts.apache.org/tags-html" prefix="html" %>
<%@ taglib uri="http://struts.apache.org/tags-logic" prefix="logic" %>
<%@ taglib uri="http://struts.apache.org/tags-tiles" prefix="tiles" %>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>  
    <% String codigoUnidad = ((Unidad) request.getAttribute("unidad")).getCodigo();
     String descripcionUnidad = ((Unidad) request.getAttribute("unidad")).getDescripcion();
    System.out.println(codigoUnidad);
    System.out.println(descripcionUnidad);
     request.setAttribute("Unidad",(Unidad)request.getAttribute("unidad"));%>
    <tiles:insert definition="mensaje"></tiles:insert>
     <h1>Modificar Unidad</h1>
    <html:form action="/modificarUnidad?method=save" onsubmit="return confirm('¿Esta seguro que desea modificar esta unidad?');">
        <table>
            <tr>
                <td>Codigo Unidad:</td>    
                <td>    
                    <html:text property="codigo" disabled="true" value="<%=codigoUnidad%>"  ></html:text>    
                    <input type="hidden"  name="codigo" value="<%=codigoUnidad%>"  />
                        <%// out.println("Hay unidad y codigo"); %>
                </td>
                 <td>
                   *
                 </td>
            </tr>
            <tr>
                <td>Descripcion Unidad:</td>    
                <td>    
                    <html:textarea property="descripcion" value="<%=descripcionUnidad%>" >
                        <input type="hidden"  name="codigo" value="<%=codigoUnidad%>"  />
                    </html:textarea>   
                    <% //out.println("Hay unidad y descripcion"); %>
                </td>
                 <td>
                   *
                 </td>
            </tr>
        </table>
       <tiles:insert definition="campoObligatorio"></tiles:insert>
        <div class="buttons">
            <button type="submit" class="regular">
                <img src="interfaz/images/modificar.png" alt=""/>
                <bean:message key="boton.modificar" />
            </button>
        </div>      
    </html:form> 
 <br><br><hr>
 <h2>Agregar Representante</h2>
    <html:form action="/agregarUsuario?method=save" onsubmit="return validateUsuario(this);">
        <table>
            <tr>
                <td>Usuario:</td>    
                <td>    
                    <html:text property="usuario"></html:text>
                </td>
                 <td>
                   *
                 </td>
            </tr>
            <tr>
                <td>Nombre:</td>    
                <td>    
                    <html:text property="nombre"></html:text>
                </td>
            </tr>
            <tr>
                <td>Contraseña:</td>    
                <td>    
                    <html:password property="password"></html:password>
                </td>
                 <td>
                   *
                 </td>
            </tr>
            <tr>
                <td>Correo Electrónico:</td>
                <td>
                    <html:text property="correo"></html:text>
                </td>
            </tr>
            <td>Contacto:</td>
            <td>
                <html:text property="contacto"></html:text>
            </td>
            <tr>
                <td>
                    <input type="hidden"  name="categoria" value="<%=codigoUnidad%>"  />
                </td>
            </tr>
        </table>
                    <tiles:insert definition="campoObligatorio"></tiles:insert>
            
        <div class="buttons">
            <button type="submit" class="positive">
                <img src="interfaz/images/agregarRepresen.png" alt=""/>
                <bean:message key="boton.agregarRepresentante" />
            </button>
        </div>
    </html:form> 
            <html:javascript formName="Usuario"></html:javascript>
    
    <br><br><hr>
    <h2>Agregar Categoría</h2>
    <!-- Agregar Categoría -->
    <html:form action="/agregarCategoria.do?method=save" onsubmit="return validateCategoria(this);">

        <table>
            <tr>
                <td>Nombre:</td>    
                <td>    
                    <html:text property="nombre"></html:text>
                </td>
                 <td>
                   *
                 </td>
            </tr>
            <tr>
                <td>Código Categoria:</td>    
                <td>    
                    <html:text property="codigoCategoria"></html:text>
                </td>
                 <td>
                   *
                 </td>
                <td>
                  
                  <input type="hidden"  name="codigoUnidad" value="<%=codigoUnidad%>"  />
                </td>
            </tr>
        </table>
                <tiles:insert definition="campoObligatorio"></tiles:insert>
        <div class="buttons">
            <button type="submit" class="positive">
                <img src="interfaz/images/agregar.png" alt=""/>
            <bean:message key="boton.agregar" />
        </button>
        </div>
    </html:form>  
            <html:javascript formName="Categoria"></html:javascript>            
            <br><br>
            <hr>
            <h2> Representantes de la unidad </h2>
        
    <logic:present name="unidad" property="representantes">
        <div id="tableContainer" class="tableContainer">
            <table id="tablaDatosRep" border="0" cellpadding="0" cellspacing="0" width="70%" class="scrollTable">
                <thead class="fixedHeader" id="fixedHeader">
                    <tr>
                        <th> Usuario </th>
                        <th> Correo Electrónico</th>
                        <th> Contacto </th>
                        <th> Consultar Usuario </th>
                    </tr>
                </thead>
                <logic:iterate name ="unidad" property="representantes"  id="representante">
                    <tbody class="scrollContent">
                    <td>
                        <bean:write name="representante" property="usuario"/>
                    </td>
                    <td>
                        <bean:write name="representante" property="correo"/>
                    </td>
                    <td>
                        <bean:write name="representante" property="contacto"/>
                    </td>
                    <td>
                        <html:form action="/consultarUsuario?method=one" onsubmit="return this">
                            <html:hidden name="representante" property="usuario" />
                            <html:hidden name="representante" property="correo" />
                            <div class="buttons">
                                <button type="submit" class="regular">
                                    <img src="interfaz/images/buscar.png" alt=""/>
                                    <bean:message key="boton.buscar" />
                                </button>
                            </div>
                        </html:form>
                    </td>
                    </tbody>
                </logic:iterate>
            </table>
        </div>
    </logic:present>


</html>
